<template>
  <BasicDrawer v-bind="$attrs" @register="registerDrawer" title="角色详情" width="500px" destroyOnClose>
    <Description :column="1" :data="roleData" :schema="formDescSchema" />
  </BasicDrawer>
</template>
<script lang="ts" setup>
  import { ref, useAttrs } from 'vue'
  import { BasicDrawer, useDrawerInner } from '/src/components/Drawer'
  import { formDescSchema } from '../role.data'
  import { Description, useDescription } from '/@/components/Description/index'
  const emit = defineEmits(['register'])
  const attrs = useAttrs()
  const roleData = ref({})
  const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
    setDrawerProps({ confirmLoading: false })
    roleData.value = data.record
  })
</script>
